<template>
  <div>
    <div >
      <p class="el-descriptions__title">持有产品信息</p>
      <el-divider />
      <holdProduct></holdProduct>
    </div>
    <div >
      <p class="el-descriptions__title">签约信息</p>
      <el-divider />
      <signProduct></signProduct>
    </div>
  </div>
</template>

<script setup lang="ts">
  const holdProduct = defineAsyncComponent(() => import('./productChild/holdProduct.vue'));
  const signProduct = defineAsyncComponent(() => import('./productChild/signProduct.vue'));

</script>

<style lang="scss" scoped>
  .img{
    width: 60px;
    height: 60px;
  }
  .prodRow{
    width: 100%;
    .proditem{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 10px;
      cursor: pointer;
    }
  }
  .selProduct {
		box-shadow: 0px 4px 20px 2px rgba(122, 122, 122, .75);
		border-radius: 5px;
    padding: 2px;
		// background-color: #447eea;
	}
</style>